<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    template="/plantillas/plantilla-sistema.xhtml">
    <ui:define name="cabecera">
        <title>Importar Catálogo</title>
        <link rel="shortcut icon"  href="../../resources/imagenes/favicon.ico" />
    </ui:define>
    <ui:define name="contenido">
        <center>
            <p:panel id="importarPnl" header="Importar Catálogo Taxonómico" style="width: 950px">
                <h:form id="tablaImportarFrm">
                    <h:panelGrid id="tablaImportar" columns="2" style="margin-bottom:10px">
                        <p:commandButton value="Importar CSV" title="Importar archivo CSV"
                                         icon="ui-icon-document" oncomplete="importarCsvWgt.show()"/>
                        <p:commandButton value="Importar XML" ajax="false" icon="ui-icon-document"/>
                    </h:panelGrid>
                </h:form>
            </p:panel>
        </center>
    </ui:define>
    <ui:define name="extra">
        <p:dialog id="importarCsvDlg" header="Importar Archivo CSV" widgetVar="importarCsvWgt" 
                  resizable="false" modal="true" showEffect="false">
            <h:form id="importarCsvFrm">
                <h:panelGrid id="importarCsvPnl" style="margin-bottom:10px">
                    <p:row>
                        <p:column colspan="2">
                            <h:outputText value="Seleccione un archivo CSV a importar:"/>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column colspan="2">
                            <p:fileUpload value="#{importarBean.archivo}" mode="simple"/>
                        </p:column>
                    </p:row>
                    <p:spacer width="20" height="20" />
                    <p:row>
                        <p:column>
                           <p:commandButton ajax="false" value="Guardar" icon="ui-icon-disk" title="Guardar"
                                            actionListener="#{importarBean.cargar}" id="guardarCsvBtn"
                                            update=":tablaImportarFrm:tablaImportar"/>       
                        </p:column>
                        <p:column>
                            <p:commandButton value="Cancelar" type="button" onclick="importarCsvWgt.hide()"
                                     icon="ui-icon-cancel" title="Cancelar"/>
                        </p:column>
                    </p:row> 
                </h:panelGrid>
            </h:form>
        </p:dialog>
    </ui:define>
</ui:composition>